<script type="text/javascript">

$(document).ready(function(){
	
	$('#hmenus a').click(function(){	
		loadData('#content','<?php echo $this->url(array('action'=>'view'));?>');
	});
	$("#hmenus").ajaxComplete(function(){
		$('#tabs a').click(function(){
			
			changeClass('#tabs a','youarehere',this);
			loadData('#question-list','<?php echo $this->url(array('action'=>'data'));?>');
		});
	  });

	
});
</script>
<div id="header">
	<div id="portalLink">
		<a href="#">StackExchange</a>
	</div>
	<div id="topbar">
		<div id="hlinks">
			<span id="hlinks-user">
				<a href="#">nobody122</a>
			</span>
		</div>
		<div id="hsearch">
		<form id="search">
			<input type="text" class="textbox" maxlength="240" size="28" placeholder="search"/>
		</form>
		</div>	
	</div>
	<br class="cbt">
	<div id="hlogo"><a href="#">StackOverflow</a></div>
	<div id="hmenus">
		<div class="nav mainnavs">
			<ul>
				<li><a id="nav-question" href="#" class="default" >Question</a></li>
				<li><a id="nav-tags" href="#">Tag</a></li>
				<li><a id="nav-User" href="#">User</a></li>
				<li><a id="nav-Badges" href="#">Badges</a></li>
				<li><a id="nav-Unanswered" href="#">Unanswered</a></li>
			</ul>
		</div>
		<div class="nav askquestion">
			<ul>
				<li><a id="nav-askquestion" href="#">Ask Question</a></li>
			</ul>
		</div>
	</div>
</div>